<template>
  <button class="ec-button">
    {{ text }}
  </button>
</template>

<script>
export default {
  name: 'ec-button',
  props: {
    /**
     * 按钮名称
     * 必填
     */
    text: {
      required: true,
      type: String
    }
  }
};
</script>


<style lang="scss" scope>
  @import '../assets/style/config';
  @import '../assets/style/mixins/common';
  .ec-button{
    display:block;
    font-size:1.5rem;
    padding:.8rem 0;
    margin: 0 auto;
    width:100%;
    border-radius: 4px;
    color:$write-color;
    border:1px solid $color;
    background:$color;
  }
</style>
